﻿@media only screen and (max-width: 1700px) {

	

}

/*Common For Max 1366*/

@media only screen and (max-width: 1499px) {

	.m-imgtxt01_x .swiper-button-prev{

		left: 0;

	}

	.m-imgtxt01_x .swiper-button-next{

		right: 0;

	}

}



/*Common For Max 1200*/

@media only screen and (max-width: 1365px) {

	.wp{

		width: 97%;

	}

	.ul-imgtxt02_x{

		margin: 0 -10px;

	}

	.ul-imgtxt02_x li .con{

		margin: 0 10px;

	}

}



/*Common For Max 960*/

@media only screen and (max-width: 1199px) {

	/*头部*/

	.yunu-nav{

		margin-right: 0;

	}

	.yunu-nav li{

		padding: 0 10px;

	}

	.yunu-nav li > a{

		font-size: 15px;

	}

	/*首页*/

	.m-imgtxt02_x .pic{

		width: 460px;

		height: 342px;

	}

	.m-imgtxt02_x .con .txt{

		margin-bottom: 30px;

	}

	.m-imgtxt02_x .con .txt .top{

		margin-bottom: 15px;

	}

	.m-imgtxt02_x .con .txt .top .tit em{

		font-size: 30px;

		height: 40px;

		line-height: 40px;

	}

	.m-imgtxt02_x .con .txt .top .more{

		margin-top: 22px;

		font-size: 12px;

	}

	.ul-imgtxt02_x{

		margin: 80px 0 0;

	}

	.row-a5 .col-l,

	.row-a5 .col-r{

		width: 49%;

	}

	.ul-news01_x li{

		margin-bottom: 30px;

	}

	/*底部*/

	.fd-nav dl{

		margin-left: 80px;

	}

	/*客服*/

	.kf{

		display: none;

	}

	/*内页*/

	.m-news1 .box h1 {

	    font-size: 22px;

	}

	.m-pic1{

		width: 300px;

	}

	.view .swiper-slide .imgauto{

		height: 300px;

		line-height: 300px;

	}

	.m-txt1 .txt{

		margin-right: 0;

	}

	.preview .swiper-slide {

	    width: 120px;

	}

	.ul-imgtxt1 li{

		width: 33.33%;

	}

}



/*Common For Max 768*/

@media only screen and (max-width: 959px) {

	body{

		padding-top: 50px;

	}

	/*头部*/

	.yunu-header{

		position: fixed;

	    top: 0;

	    left: 0;

	    right: 0;

	    width: 100%;

	    z-index: 9999;

		background-color: #fff;

	}

	.hdb .logo{

		float: left;

	}



	.hdb .logo{

		height: 50px;

		line-height: 50px;

	}

	.hdb .logo img{

		max-height: 35px;

	}

	.hdt{

		display: none;

	}

	.menuBtn{

		display: block;

	}

	.yunu-nav{

		display: none;

		position: fixed;

		top: 50px;

		left: 0;

		right: 0;

		width: 100%;

		height: 100%;

		float: none;

		background-color: #0097d6;

	}

	.yunu-nav li{

		float: none;

		padding: 0;

		width: auto;

		height: auto;

		line-height: inherit;

	}

	.yunu-nav li > a{

		height: 44px;

		line-height: 44px;

		padding: 0 20px;

		border-bottom: 1px solid #fff;

		text-align: left;

		color: #fff;

		font-weight: 400;

	}

	.yunu-nav li:hover > a{

		color: #fff;

	}

	.yunu-nav li:hover > a:after{

		display: none;

	}

	.yunu-nav > li > a.v1{

		background-repeat: no-repeat;

		background-position: 95% center;

		background-image: url(../images/bottom_x.png);

		-o-background-size: auto 16px;

		-ms-background-size: auto 16px;

		-moz-background-size: auto 16px;

		-webkit-background-size: auto 16px;

		background-size: auto 16px;

	}

	.yunu-nav > li > a.v1.ok{

		background-image: url(../images/top.png);

	}
	.yunu-nav li.on a{
		color: #fff;
	}

	.yunu-nav li:hover .nav-sub{

		display: none;

	}

	.nav-sub{

		position: static;

		padding: 0;

		background-color: #0097d6;

	}

	.nav-sub > dd > a{

		text-align: left;

		padding: 0 30px;

		color: #fff;

		border-bottom: 1px solid #fff;

		text-indent: 0;

	}

	.nav-sub > dd > a:hover{

		text-indent: 1em;

	}

	/*首页*/

	.ban-index.swiper-container .swiper-slide .con{

		padding-top: 40%;

	}

	.g-tit01_x{

		padding: 25px 0 15px;

	}

	.g-tit01_x .tit{

		font-size: 28px;

	}

	.row-a1{

		margin-bottom: 25px;

	}

	.ul-link01_x{

		padding-top: 20px;

	}

	.ul-link01_x li{
		display: block;
		float: left;
		width: 25%;

		margin-bottom: 10px;

	}

	.ul-link01_x li a{

		margin: 0;

		height: 38px;

		line-height: 38px;

	}

	.ul-link01_x .more{

		display: none;

	}

	.m-imgtxt01_x .swiper-container{

		padding: 30px 0;

	}

	
	.m-imgtxt01_x .swiper-container .swiper-pagination{
		display: block;
	}
	.m-imgtxt01_x .swiper-button-prev,
	.m-imgtxt01_x .swiper-button-next{
		display: none;
	}

	.m-imgtxt01_x .swiper-container p{

		height: 40px;

		line-height: 40px;

	}

	.row-a3{

		padding: 35px 0;

		background-image: none !important;

		background-color: #fafafa;

	}

	.m-imgtxt02_x .pic{

		float: none;

		margin: 0 auto;

		padding: 0;

		background-color: transparent;

	}

	.m-imgtxt02_x .con{

		padding-left: 0;

	}

	.m-imgtxt02_x .con .txt{

		margin: 20px 0;

	}

	.m-imgtxt02_x .con .txt .top .tit{

		float: none;

		text-align: center;

	}

	.m-imgtxt02_x .con .txt .top .tit em{

		display: none;

	}

	.m-imgtxt02_x .con .txt .top .tit span{

		padding-top: 0;

	}

	.m-imgtxt02_x .con .txt .top .more{

		display: none;

	}

	.m-imgtxt02_x .con .txt .desc{

		line-height: inherit;

	}

	.row-a4{

		background-image: none !important;

		background-color: #0097d6;

	}

	.ul-imgtxt02_x{

		margin: 40px 0;

	}

	.ul-imgtxt02_x li{

		width: 50%;

		margin-bottom: 10px;

	}

	.ul-imgtxt02_x li .con{

		position: relative;

		padding: 0 0 40px;

		margin: 0 5px;

	}

	.ul-imgtxt02_x li .tit{

		position: absolute;

		bottom: 0;

		left: 0;

		width: 100%;

		padding-top: 0;

		margin-bottom: 0;

		border-bottom: 0;

	}

	.ul-imgtxt02_x li .tit .num{

		display: none;

	}

	.ul-imgtxt02_x li .tit a{

		height: 40px;

		line-height: 40px;

	}

	.row-a5{

		margin-bottom: 35px;

	}

	.row-a5 .col-l,

	.row-a5 .col-r{

		float: none;

		width: auto;

	}

	.m-news01_x{

		padding-top: 30px;

	}

	.ul-news01_x{

		padding-top: 30px;

	}

	.m-news01_x .txt{

		padding-top: 15px;

	}

	.m-news01_x .txt .desc .tit{

		margin-bottom: 8px;

		font-size: 16px;

	}

	.m-news01_x .txt .desc p{

		line-height: 1.5;

	}

	.ul-news01_x li{

		margin-bottom: 20px;

	}

	.ul-news01_x li .txt .tit{

		margin-bottom: 8px;

		font-size: 16px;

	}

	.ul-news01_x li .txt p{

		line-height: 1.5;

		text-indent: 2em;

	}

	/*底部*/

	.fd-top{

		display: none;

	}

	.yunu-footer .copy{

		height: 50px;

		line-height: 50px;

	}

	/*手机底部菜单*/

	.h50{

		display: block;

	}

	.yunu-link{

		display: block;

	}

	/*内页*/

	.ban{

	    height: 300px;

	}

	.row-b1 .col-l {

	    float: none;

	    width: auto;

	}



	.row-b1 .col-r {

		margin-left: 0;

	}

	.g-titIns1 {

	    font-size: 18px;

	}

	.snv{

		margin-bottom:15px;

	}

	.ul-news.news{

		margin-bottom: 15px;

	}

	.ul-newslist {

	    display: none;

	}

	.m-info {

	    display: none;

	}

	.dbn {

	    display: none;

	}

   .m-news1 .box h1 {

       font-size: 18px;

   }

   .m-link2{

   		display: none;

   }

   .m-tabel{

   		display: none;

   }

   .m-message{

   		margin: 20px auto 0;

   }

   .g-tit02_x{

   		display: none;

   }

   .g-tit02_x.db{

   		display: block;

   }

   .g-tit02_x .s1{

   		top: 0;

   		font-size: 40px;

   }

   .g-tit02_x .s2{

   	height: 70px;

   	line-height: 70px;

   		font-size: 28px;

   }

}



/*Common For Max 480*/

@media only screen and (max-width: 767px) {

	/*头部*/

	/*首页*/

	.ban-index.swiper-container .swiper-pagination{

		bottom: 0;

	}

	.g-tit01_x .tit{

		margin-bottom: 0;

		font-size: 20px;

	}

	.ul-link01_x li{

		width: 33.33%;

	}

	.ul-link01_x li a{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.m-imgtxt01_x .swiper-container .pic{

		overflow: hidden;

		position: relative;

		padding-top: 75%;

		width: auto;

		height: 0;

	}

	.m-imgtxt01_x .swiper-container .pic img{

		position: absolute;

		top: 0;

		left: 0;

	}

	.m-imgtxt01_x .swiper-container p{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

		background-color: #f1f1f1;

	}

	.row-a2{

		display: none;

	}

	.m-imgtxt02_x .pic{

		width: auto;

		height: auto;

	}

	.ul-txt01_x{

		display: none;

	}

	.ul-imgtxt02_x li .con{

		padding-bottom: 30px;

	}

	.ul-imgtxt02_x li .tit a{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.yunu-footer .copy .p1{

		float: none;

		text-align: center;

	}

	.yunu-footer .copy .p1 span{

		display: none;

	}

	.yunu-footer .copy .p2{

		display: none;

	}

	/*底部*/

	/*内页*/

	.ban{

	    display: none;

	}

	.g-cur{

		height: 30px;

		line-height: 30px;

	}

	.row-b1 {

	    padding: 20px 0 36px

	}

	.row-b1 .col-l {

	    display: none;

	}

	.ul-imgtxt1 li{

	    width: 50%;

	}

	.ul-imgtxt1 li a p{

		height: 30px;

		line-height: 30px;

		font-size: 14px;

	}

	.m-news1 .box h1 {

	    font-size: 16px;

	}

	.ul-news.news li{

	    float: none;

	    width: auto;

	}

	.ul-news.news li .tit{

	    margin: 0 !important;

	}

	.ul-news li .txt p{

	    font-size: 12px;

	    line-height: normal;

	}

	.m-message label span {

	    float: none;

	    margin-right: 15px;

	}



	.m-message label.code input {

	    float: none;

	}

	.m-message label.mes span{

		position: relative;

		top: -55px;

		z-index: 3;

	}

	.m-message label.code input{

		width: 30%!important;

		margin-right: 10px;

	}

	.m-pic1{

	    float: none;

	    width: auto;

	    margin: 10px 0;

	    overflow: hidden;

	}

	.m-pic1-for .item{

	    height: auto;

	}

	.m-txt1 {

	    padding-left: 0;

	    margin-top: 20px;

	}

	.ul-arrow{

		margin: 20px 0;

	}

	.btn-1{

		padding-left: 90px;

	}

	.preview .swiper-slide {

	    width: 25%;

	}

	.ul-arrow {

	    margin-bottom: 0;

	}

	.ul-arrow li {

	    float: none !important;

	    margin-bottom: 10px;

	}

	.m-news1 .desc .last{

		display: block;

		margin-top: 5px;

	}

	.m-list2 .box .tit {

	    margin-bottom: 15px;

	    font-size: 18px;

	}

	.ul-imgtxt1{

		margin-bottom: 20px;

	}

}



@media only screen and (max-width: 600px) {

	

}

/*Common For Max 320*/

@media only screen and (max-width: 479px) {

	/*头部*/

	/*首页*//*

	.ul-link01_x li{

		width: 50%;

	}*/

	/*内页*/

	.g-tit01_x .tit{

		font-size: 18px;

	}

	.g-tit01_x p{

		font-size: 12px;

	}

	.row-b1 {

	    padding: 10px 0 16px

	}

	.ul-imgtxt1{

	    margin: 0 -5px 20px;

	}

	.ul-imgtxt1 li {

	    margin-top: 10px;

	}

	.ul-imgtxt1 li a{

	    margin: 0 5px;

	}

	.m-about{

	    line-height: 24px;

	}

	.m-news1 .txt{

		line-height: 24px;

	}

	.ul-news li{

	    padding: 15px 0;

	}

	.ul-news li .tit{

		margin-bottom: 15px;

	}

	.ul-news li .tit .time{

	    font-size: 12px;

	}

	.ul-news li .tit a{

	    font-size: 14px;

	}

	.m-message{

		margin: 10px auto 0;

	}

	.m-message label input.inp,

	.m-message label textarea,

	.m-message label.code input {

	    width: 66%;



	}

	.m-message label{

		margin-bottom: 10px;

	}

	.m-txt1 .txt {

	    padding-bottom: 10px;

	}

	.m-txt1 .txt p {

	    margin-bottom: 0;

	}

	.ul-txt3 li {

	    margin: 0;

	}

	.m-list2 {

	    margin-top: 15px;

	    padding-top: 13px;

	}

	.m-list2 .con .pic {

	    height: auto;

	    line-height: normal;

	}

	.m-news1 .box .desc span{

		margin: 0;

	}

	.preview .swiper-slide {

	    width: 33.33%;

	}

	.ul-news li .top .time{

		font-size: 12px;

	}

	

}



